@@include('../00.global/include-header.html')
     
  <body class="page">
  
  
          
    @@include('../00.global/include-loader.html')
    
    

  
  
    <div class="wrapper">
    
        <!-- Header Area
        ============================================= -->      
        <header class="header-area transition">
            
             <div class="header-container transition">
                 <div class="container">
                 
                        @@include('../00.global/include-brand.html')
                        
                        @@include('../00.global/include-menu.html')
                        
                        
                        
                        
                  </div>
                  <!-- .container end -->
                  
                  <div class="clear"></div>
             </div>
        
        </header>
        <div class="header-inner"></div>
      
      
     
        <!-- Content 01
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2">
                            <h2>Seamless Grid Filterable</h2>
                            <p>
                            This is a description.
                            </p>
                            
                        </div>
                    </div>
                    <!-- .row end -->
              
                    
            </div>
            <!-- .container end -->
 
        </section> 
       
       
       <!-- Content 02
        ====================================================== -->
        <section class="space-none">
            <div class="container t-c">
                    <div class="row">
                        <div class="col-md-8 col-md-offset-2 t-c">
                            <div class="nav-filters" id="nav-filters-1">
                                <ul>
                                    <li class="current-cat"><a data-group="all" href="#">All</a></li>
                                    <li><a data-group="web-design" href="#">Web Design</a></li>
                                    <li><a data-group="ui" href="#">UI</a></li>
                                    <li><a data-group="seo" href="#">SEO</a></li>  
                                </ul>
                            </div>
                            <!-- .nav-filters  end -->

                        </div>
                    </div>
                    <!-- .row end -->
            </div>
            <!-- .container end -->
 
        </section>     
        
       <!-- Content 03
        ====================================================== -->
        <section>
            <div class="container t-c">
            
               
                 <div class="seamless-grid-container">
					<div class="seamless-grid loop">
						<div class="custom-gallery" data-show-type="filter" data-filter-id="#nav-filters-1">

							<div class="custom-gallery-tiles">

								<!-- Item -->
								<div class="seamless-col-1-3 custom-gallery-item" data-groups='["web-design","seo"]'>

									<div class="content">
										<a href="#" class="image" >
											<div class="cover">
												<img src="assets-demo/images/test-img-big-1.jpg" alt="" />
											</div>
										</a>
										<h3>
											<a href="#">Project Title Here</a>
											<span class="title">Full Pjax WordPress Theme</span>
											<span class="category"><a href="#">Free</a></span>
										</h3>
										<div class="link-to t-c transition">
										   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
										   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

										</div> 
									</div>



								</div>
								<!--  .custom-gallery-item  end -->  





								<!-- Item -->
								<div class="seamless-col-1-3 custom-gallery-item" data-groups='["web-design"]'>

									<div class="content">

										<a href="#" class="image" >
											<div class="cover">
												<img src="assets-demo/images/test-img-big-2.jpg" alt="" />
											</div>
										</a>
										<h3>
											<a href="#">Project Title Here</a>
											<span class="title">Full Pjax WordPress Theme</span>
											<span class="category"><a href="#">Free</a></span>
										</h3>
										<div class="link-to t-c transition">
										   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
										   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

										</div>  
									</div>


								</div>
								<!--  .custom-gallery-item  end -->             

								<!-- Item -->
								<div class="seamless-col-1-3 custom-gallery-item" data-groups='["web-design"]'>

									<div class="content">

										<a href="#" class="image" >
											<div class="cover">
												<img src="assets-demo/images/test-img-big-3.jpg" alt="" />
											</div>
										</a>
										<h3>
											<a href="#">Project Title Here</a>
											<span class="title">Full Pjax WordPress Theme</span>
											<span class="category"><a href="#">Free</a></span>
										</h3>
										<div class="link-to t-c transition">
										   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
										   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

										</div>
									</div>


								</div>
								<!--  .custom-gallery-item  end -->  


								 <!-- Item -->
								<div class="seamless-col-1-3 custom-gallery-item" data-groups='["seo"]'>

									<div class="content">
										<a href="#" class="image" >
											<div class="cover">
												<img src="assets-demo/images/test-img-big-4.jpg" alt="" />
											</div>
										</a>
										<h3>
											<a href="#">Project Title Here</a>
											<span class="title">Commerce Theme</span>
											<span class="category"><a href="#">Free</a></span>
										</h3>
										<div class="link-to t-c transition">
										   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
										   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

										</div>
									</div>



								</div>
								<!--  .custom-gallery-item  end -->  


								<!-- Item -->
								<div class="seamless-col-1-3 custom-gallery-item" data-groups='["ui"]'>

									<div class="content">

										<a href="#" class="image" >
											<div class="cover">
												<img src="assets-demo/images/test-img-big-5.jpg" alt="" />
											</div>
										</a>
										<h3>
											<a href="#">Project Title Here</a>
											<span class="title">Simple WordPress Theme</span>
											<span class="category"><a href="#">Free</a></span>
										</h3>
										<div class="link-to t-c transition">
										   <a class="button button-hover button-border-medium button-size-s" href="#">View Demo</a>
										   <a class="button button-hover button-border-medium button-size-s" href="#">View Details</a>

										</div>
									</div>


								</div>
								<!--  .custom-gallery-item  end -->            

							</div>
							<!-- .custom-gallery-tiles end -->


						</div>
						<!-- .custom-gallery end -->

					</div>
					<!-- .seamless-grid  end -->       
                  
				</div>
                  <!-- /.seamless-grid-container -->
               
               



                      
				<div class="pagination-container t-c transition">
					<ul>
						<li class="previous" data-target-pjax="1"><a class="prev page-numbers" href="#"><i class="fa fa-angle-left"></i></a></li>
						<li data-target-pjax="1"><a class='page-numbers' href='#'>1</a></li>
						<li class="active" data-target-pjax="1"><span class='page-numbers current'>2</span></li>
						<li data-target-pjax="1"><a class='page-numbers' href='#'>3</a></li>
						<li class="next" data-target-pjax="1"><a class="next page-numbers" href="#"><i class="fa fa-angle-right"></i></a></li>
					</ul>
				</div> 
				<!-- .pagination-container  end -->    


            </div>
            <!-- .container end -->
            
            
            
 
        </section>
        
         
        
        
        
        
        @@include('../00.global/include-copyright.html')
        
        
    </div>
    <!-- .wrapper end -->
       
       
    @@include('../00.global/include-footer.html')

